<template>
  <div id="addsite">
    <div class="addsite_div">
      
      <div class="top_div">
        <img src="../assets/left.png">
        <span>编辑收货地址</span>
        <span>保存</span>
      </div>
      
      <div class="body_div">
        <div class="item_div ">
          <p class="p_div">所在城市：<input type="text" value="北京市"/> </p>
        </div>
		<div class="xian"></div>
		
        <div class="item_div">
          <p>小区/大厦/学校：<input type="text" value="北理工大学国防科技防"/></p>
        </div>
        <div class="xian"></div>
		
        <div class="item_div">
          <p>楼号-门派号：<input type="text" value="2号楼10层"/> </p>
        </div>
        <div class="xian"></div>
		
        <div class="item_div">
          <p>收货人：<input type="text" value="小慕"/> </p>
        </div>
        <div class="xian"></div>
		
        <div class="item_div">
          <p>联系电话：<input type="text" value="18911023227"/> </p>
        </div>
        
      </div>
      
    </div>
    
    
  </div>
</template>

<script>
</script>

<style>
  #addsite{
    background: #F8F8F8;
    height: 100%;
    position: fixed;
    width: 100%;
  }
  .item_div{
    height: 44px;
    line-height: 44px;
    padding-left: 18px;
    padding-right: 18px;
  }
  
  .body_div{
    display: flex;
    flex-direction: column;  
    margin-top: 20px;
    background: #FFFFFF;
    height: 224px;
  }
  .xian{
	  border-top: 1px solid #DADADA;
  }
  .body_div p{
    /* border-top: 1px solid #DADADA; */
    font-size: 14px;
	color: #999999;
  }
  .body_div .p_div{
    border: none;
  }
  .body_div p input{
    color: #333333;
	border: none;
	font-size:14px ;
  }
  
  .top_div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 10px;
  }
  
  .top_div img{
    height: 16px;
    width: 9.3px;
  }
  .top_div :nth-child(2){
    font-size: 16px;
  }
  .top_div :nth-child(3){
    font-size: 14px;	
  }
</style>